The Default Course · 13

How to Make a Webpage, From Idea to Published Site

For anyone putting a business, a band, or their own work online: domains, AI and no-code builders, "vibe coding" a fully custom site, getting paid, selling products (physical and digital), and keeping the whole thing running — zero to a real, published page.
🔵 16 min read · 40–60 min with the tools and actions 📚 3 modules, 17 lessons 🛠️ 2 interactive tools ✅ 17 actionable hints
How this course is built:
  1. Basics — the three things every website actually needs, choosing your path, domains, and planning your site before touching any tool.
  2. Intermediate — AI website builders, traditional builders, "vibe coding" a custom site, design principles no AI fixes for you, SEO basics, and getting paid.
  3. Advanced — online stores, selling digital products and files, musician/band-specific tools, building an owned audience, the legal minimum, and long-term maintenance.
Written for an entrepreneur, musician, or artist putting their work online sustainably — not a coding class. Every lesson ends with a Try This Now box.
Module 1 of 3 · Basics

The Three Pieces, and Choosing Your Path

Five lessons. By the end, you'll know exactly what a website is made of, which building approach fits you, how to actually buy a domain, and what to plan before you touch any tool.

1.1 — The Three Things Every Website Actually Needs

"Building a website" is really three separate purchases that beginners often think are one thing: a domain (the address people type, like yourbrand.com), hosting (the computer that actually stores your site's files and serves them to visitors 24/7), and the site itself (the pages, design, and content). Nearly every modern tool in this course bundles hosting in with the site-building part, so in practice you'll usually make two decisions, not three: which domain, and which building tool. Understanding they're separate matters the moment you want to switch tools later — your domain moves with you; your hosting usually doesn't.

1.2 — Choosing Your Path: Four Real Options

There isn't one right way to build a site in 2026 — there are four genuinely different paths, and the right one depends on your budget, timeline, and how much control you want. AI builders generate a working site from a short description in minutes, best for speed. Traditional no-code builders (drag-and-drop, no AI generation) trade a bit more setup time for more design control. "Vibe coding" — describing what you want in plain language to an AI that writes real code — gets you a fully custom site with no design-template ceiling, at the cost of more iteration and, eventually, needing someone who can read code if things break. Hiring a developer remains the right call once your needs (complex bookings, custom logic, a real product) outgrow what any of the first three can do well. This course covers the first three in depth, since they cover the overwhelming majority of entrepreneurs, artists, and musicians who need "a good site," not custom software.

1.3 — Getting a Domain, Step by Step

A domain costs roughly $11–20 a year for a standard .com through a reputable registrar (as of October 2026) — Porkbun, Cloudflare Registrar, and Namecheap are consistently well-reviewed in 2026 for charging close to the same price at renewal as at signup, and all three include free WHOIS privacy (which hides your personal contact info from the public domain-ownership database). The actual steps: search your desired name at the registrar's site, check availability, add it to cart, and check out — it's usually live within minutes. The one trap worth watching for industry-wide: many registrars advertise a very low first-year "teaser" price and quietly raise it significantly at renewal, so check the renewal price before you commit, not just the price on the button you're about to click.

Try this now
Search your business or artist name at a domain registrar right now, just to see what's available — you don't have to buy it yet, but availability (or a surprising number of squatted alternatives) often shapes naming decisions.

1.4 — What "Hosting" Actually Means

Hosting is simply the always-on computer that hands your site's files to a visitor's browser the instant they type your address. With an AI or no-code builder, hosting is bundled into your monthly plan automatically — you'll never touch it directly. If you go the vibe-coding route in Module 2, you'll host separately, and for a simple site that isn't running its own server logic, free static-hosting services (GitHub Pages, Netlify, Vercel, Cloudflare Pages) are genuinely production-grade, not just a "starter" tier — many real small-business sites run on their free plans indefinitely.

1.5 — Plan Before You Build

Before opening any tool, sketch your site on paper: how many pages (a single scrolling page is enough for most small businesses and solo artists — a multi-page site is only worth the extra complexity once you have enough distinct content to justify separate pages), what the single most important action is you want a first-time visitor to take (book a call, buy something, join your list — pick one primary action, not three competing ones), and what absolutely has to be visible without scrolling on your homepage (who you are, what you offer, and that one action). Every AI builder and no-code tool works faster and produces a better first draft when you already know these three things going in, rather than discovering them live inside the editor.

Worked Example: A Small Coffee Roasting Business, Idea to Published Site

Mara wants to sell her small-batch coffee roasts online and locally. Path (1.2): she's not a coder and has a modest budget, so she rules out hiring a developer and vibe coding, narrowing to an AI or no-code builder. Domain (1.3): she checks "marasroast.com" at Porkbun — available, about $12/year, WHOIS privacy included by default. Plan (1.5): she decides on a single scrolling homepage with one clear action — "Shop Roasts" — rather than a five-tab site she doesn't yet have content for. With those three decisions made before opening any tool, her actual build (Module 2) takes an afternoon instead of a week of indecision.

Common mistakes in this module
Confusing a domain purchase with "the website being done." Per 1.1, a domain is just the address — you still need a site behind it.

Picking a registrar by the flashiest first-year price alone. Per 1.3, the renewal price is what you'll actually pay most years.

Opening a website builder with no plan and improvising the whole structure live. Per 1.5, five minutes of planning saves hours of rebuilding.
Module 2 of 3 · Intermediate

Building It: AI, No-Code, and Custom Code

Six lessons: the AI builder landscape, traditional builders, vibe coding a custom site, design principles, SEO basics, and getting paid.

2.1 — AI Website Builders: Zero to a Live Draft in Minutes

An AI website builder generates a working, styled site from a short text description of your business — the fastest route from idea to a live, presentable draft. In 2026, Wix's AI site builder offers the broadest feature set for businesses that expect to grow into ecommerce, bookings, and marketing tools (paid plans from the high teens per month); Framer's AI produces the most polished, design-forward output for brand-conscious creators (paid plans from about $10/month, billed yearly); Hostinger's AI builder is the most consistently affordable option (about $2.50–$8/month on long prepaid terms, more at renewal); and Durable is built for speed specifically (paid plans from about $25/month) — describe your business type, name, and location, and it produces a complete site in about 30 seconds, aimed at local service businesses that need a credible presence fast. None of these replace your own judgment on 1.5's plan — they draft from it, they don't decide it for you.

2.2 — Traditional No-Code Builders: More Control, More Setup

Traditional drag-and-drop builders skip the AI-generation step and start you from a template you customize by hand — slower to a first draft than an AI builder, but with more predictable control over exactly what changes where. Squarespace is the strongest all-around choice for small businesses and creators who want a professional design with minimal design experience required. Webflow offers real design-tool-level control at the cost of a steeper learning curve, best suited to anyone comfortable spending more time to get an exact look. WordPress.com remains the strongest choice specifically when ongoing blog or article content is central to your strategy, since it's still the most search-friendly platform for publishing regularly.

2.3 — Vibe Coding: A Fully Custom Site, Described in Plain Language

"Vibe coding" means describing what you want in natural language to an AI tool that writes and runs real code for you — no design-template ceiling, genuinely custom functionality, and no monthly builder subscription, at the cost of more back-and-forth iteration and eventually needing to either learn enough to maintain it or hand it to a developer. Lovable is widely regarded as the easiest on-ramp for non-coders, producing polished results from a chat interface; Bolt turns a single prompt into a live, running site in your browser with hosting handled automatically; Replit Agent offers the closest thing to a full conversational build-and-run environment. General-purpose AI assistants — including Claude itself — can also write the code for a simple custom page directly in conversation, which is a reasonable route if you're comfortable pasting the result into a hosting service from 1.4. This path suits an entrepreneur or artist who wants something no template quite captures and doesn't mind a more hands-on process.

Try this now
Use the Which Path Fits Me? tool below to get a specific recommendation among AI builder, traditional builder, and vibe coding, based on your own budget, timeline, and comfort level.

2.4 — Design Principles No AI Fixes for You

Even the best generated draft needs a human editing pass, because a handful of design decisions determine whether a site feels trustworthy or amateur, and no tool makes them for you automatically: pick one clear primary action per page (from 1.5) instead of competing buttons; leave real whitespace rather than filling every pixel — a cluttered page reads as less credible, not more thorough; keep your color palette to two or three colors used consistently; and check your site on an actual phone, not just the desktop preview, since most visitors to a small business or artist site will arrive on mobile first.

2.5 — Getting Found: SEO Basics That Actually Matter

You don't need deep SEO expertise to cover the fundamentals that matter most: give every page a unique, descriptive title tag under about 60 characters, write a meta description under 160 characters that makes a human want to click (it doesn't affect ranking directly, but it affects whether people choose your result), and add real alt text to every image describing what it actually shows — this helps search rankings and makes your site usable for visitors using screen readers. One newer 2026 wrinkle worth knowing: AI answer engines (the kind that generate a direct answer instead of a list of links) weigh some signals differently than traditional search, an area increasingly called AEO or GEO (answer/generative engine optimization) — the practical takeaway for a small site is the same as always, though: clear, well-structured, genuinely useful content is what both traditional search and AI answer engines reward.

2.6 — Getting Paid: Choosing a Payment Processor

If you'll take payments directly on your site, three processors cover almost every case. Stripe is the strongest fit for an online-first business on a custom or builder-based site, charging a flat 2.9% + $0.30 per online transaction with the deepest customization options. PayPal remains the most recognized name to customers, which can reduce checkout hesitation for first-time buyers, at a higher rate (3.49% + $0.49 when customers pay through PayPal Checkout; 2.99% + $0.49 for standard card payments). Square is built for businesses that also sell in person — its in-person rate (2.6% + $0.15, lower still on higher-volume plans) beats both of the others for a physical counter, with online selling as a secondary strength. Most AI and no-code builders integrate one or more of these directly in their commerce settings, so this is usually a checkbox during setup rather than a separate technical project.

🧭 Tool: Which Path Fits Me?
Answer three quick questions for a specific recommendation among an AI builder, a traditional builder, or vibe coding — per Lessons 2.1–2.3.
Common mistakes in this module
Publishing the AI-generated first draft unedited. Per 2.4, the draft is a strong starting point, not a finished decision.

Treating SEO as one-time setup instead of an ongoing habit. Per 2.5, titles, descriptions, and alt text matter on every new page you ever add, not just the launch set.

Choosing a payment processor by brand familiarity alone, ignoring how you actually sell. Per 2.6, an in-person-heavy seller and an online-only seller genuinely want different processors.
Module 3 of 3 · Advanced

Selling, Building an Audience, and Keeping It Alive

Six lessons: online stores, selling digital products, tools for musicians and artists specifically, building an owned audience, the legal minimum, and long-term maintenance.

3.1 — Building a Real Online Store

If selling physical products is central to your business rather than a side feature, Shopify is worth the dedicated platform switch — it gives you full control over your store, inventory, and checkout in a way general-purpose site builders' commerce add-ons don't quite match once you're selling seriously. If selling is secondary to an otherwise content- or portfolio-focused site, the built-in commerce features inside Squarespace, Wix, or a similar builder are usually enough, and keep you in one tool rather than stitching two platforms together.

3.2 — Selling Digital Products and Files

Digital products — an ebook, a preset pack, a sample library, a course — need a platform that actually handles secure file delivery, not just a payment button. Gumroad requires almost no setup and charges 10% + 50¢ per direct sale with no monthly fee (30% on sales through its Discover marketplace), making it the lowest-friction starting point. Payhip is a strong low-cost alternative with a built-in affiliate system, letting other people promote your product for a cut you control, also with no monthly fee. Sellfy and Lemon Squeezy both get you a working store in minutes for straightforward digital-goods selling. Any of these plug into an existing site via a simple embedded link or button — you don't need to rebuild your whole site around them.

3.3 — Musicians and Bands: Purpose-Built Tools

An independent musician is usually better served by a music-specific platform than a general builder. Bandzoogle is purpose-built for musicians, with industry-specific templates and — unlike some alternatives — no commission taken on your sales, at about $9–18/month on annual billing ($11–22 month to month). Bandcamp functions as both a website and a "record store" in one, with a discovery audience built in that a fully independent site doesn't have access to. Linktree (or a similar link-in-bio tool) isn't a replacement for either — it's a lightweight hub that points a social media bio at all of your other links (music, merch, tickets) at once, and pairs naturally with a fuller site rather than substituting for one.

Try this now
If you're a musician or band, decide right now whether you need a full music-specific site (Bandzoogle/Bandcamp) or whether a simple link hub pointing at your existing streaming and merch pages covers your current stage — you can always upgrade later.

3.4 — Announcements and Building an Owned Audience

Followers on any platform are rented, not owned — the algorithm can change overnight and take your reach with it, which is exactly why an email list (or, for artists specifically, an SMS list) is worth building from day one for announcements, drops, and releases. Kit (formerly ConvertKit) and Beehiiv are built specifically for creators running an email-first business rather than broad corporate marketing teams, with Kit's free plan covering up to 10,000 subscribers. Substack works well if you want to publish paid written content directly (it keeps 10% of paid-subscription revenue), while Mailchimp and MailerLite remain solid general-purpose choices, though both free tiers now stop at 250 contacts. This directly extends this series' Social Media Marketing course's point about the owned-vs-rented-audience hedge — your website and your email list are the "owned" side of that hedge.

3.5 — The Legal Minimum for a Real Website

If your site collects any personal information at all — a contact form, a newsletter signup, or even standard analytics — you need a privacy policy; as of 2026, about 20 U.S. states have comprehensive privacy laws in force and several more have passed them (Indiana's, Kentucky's and Rhode Island's took effect on 1 January 2026), and a well-drafted policy that accurately describes what you actually collect satisfies the core disclosure requirement across them. A terms of service page primarily protects your business, setting the rules for how people may use your site. If you use analytics or ad tracking, you also need a cookie consent mechanism. This is website-specific compliance, distinct from — and in addition to — this library's existing The Legal Bare Minimum piece (category 4) on general business legal setup; most AI and no-code builders include a free privacy-policy and terms generator built into their settings, which covers the baseline for a small site.

3.6 — Maintenance: Keeping a Site Alive, Not Just Launched

A site is not a one-time project — it needs periodic, low-effort upkeep to stay useful and credible: check that your domain's auto-renewal is actually on (a lapsed domain can be bought by someone else within days of expiring), update prices, hours, and product availability as they change, and glance at your site on a phone every few months to catch anything that's visibly broken. AI tools genuinely lower the maintenance burden here too — asking an AI builder's chat editor, or a vibe-coding tool, to "update my hours to X" or "add my new album to the homepage" is now often faster than digging through a traditional settings panel, which makes staying current far more sustainable than it used to be.

💰 Tool: First-Year Cost & Timeline Estimator
A realistic total for your first year, based on the path and features you choose.
Common mistakes in this module
Selling digital files through a generic payment button with no real delivery system. Per 3.2, a dedicated platform handles secure delivery automatically — a payment link alone doesn't.

Building only on rented platforms with no owned email list. Per 3.4, an algorithm change can erase your reach overnight; your list can't be taken from you the same way.

Letting a domain's auto-renewal lapse. Per 3.6, a lapsed domain can be registered by someone else within days.

Glossary: Terms Used in This Course

Zero to Published: Your Step-by-Step Project Plan

A realistic sequence from idea to a live site, not everything in this course at once.

Week 1 — Plan & Domain
Sketch your one-page (or multi-page) plan and single primary action (1.5). Search and register your domain (1.3) — set auto-renewal on immediately (3.6). Use the Which Path Fits Me? tool to choose AI builder, traditional builder, or vibe coding (2.1–2.3).
Week 2 — Build the First Draft
Generate or build your first draft in your chosen tool. Connect your domain to it. Run the design pass from 2.4 — one primary action, real whitespace, check it on your phone.
Week 3 — Selling & Content
Set up your payment processor (2.6) and, if relevant, your store (3.1) or digital-product platform (3.2). If you're a musician or artist, decide on 3.3's tools. Add your privacy policy and terms (3.5). Add basic SEO to every page (2.5).
Week 4 — Audience & Launch
Set up your email tool and a simple welcome message (3.4). Use the First-Year Cost & Timeline Estimator to confirm your budget. Publish, share it, and put a recurring monthly reminder on your calendar to check the site is still accurate (3.6).
↑ Back to overview

Sources

Prices checked on the platforms' own pricing pages in October 2026 (Porkbun, Framer, Hostinger, Durable, Stripe, PayPal, Square, Gumroad, Bandzoogle, Mailchimp, MailerLite; Wix shows region-specific prices). AI and traditional website-builder feature comparisons, domain registrar pricing, payment-processor fee structures, digital-product platform terms, musician-specific platform pricing, and newsletter-tool tiers reflect current 2026 published pricing and comparison data from the platforms themselves and independent 2026 buyer's-guide coverage. SEO and AEO/GEO guidance reflects current 2026 search-industry analysis. Website legal-compliance details (state privacy law count, privacy policy and terms requirements) reflect current 2026 legal-compliance guidance. This is educational content, not legal advice — and platform pricing, features, and state privacy laws all change; re-verify current terms directly with each platform and, for legal pages, consider a qualified professional if your business handles sensitive data.

Go Deeper

🌐 Each platform's own current pricing page (Wix, Squarespace, Webflow, Framer, Hostinger, Durable, Bandzoogle, Gumroad, Payhip) — the authoritative, regularly updated source for exact current pricing
🌐 Google's own Search Essentials documentation — the primary source on what actually affects search visibility
🌐 Related pieces in this library: The Legal Bare Minimum (category 4) for general business legal setup, and this series' Social Media Marketing course for the owned-vs-rented-audience concept extended in Lesson 3.4
📘 For musicians specifically: this series' How to Publish Your Music and How to Market Your Music courses, which pick up in depth exactly where Lesson 3.3 leaves off